<!DOCTYPE html>
<html>
<head>
<title>编辑管理员</title>

#parse("sys/header.html")
</head>
<body>
<div class="panel panel-default" id="rrapp" v-cloak>
	<div class="panel-heading">{{title}}</div>
	<form class="form-horizontal">
		<div class="form-group">
		   	<div class="col-sm-2 control-label">用户名</div>
		   	<div class="col-sm-10">
		      <input type="text" class="form-control" v-model="user.username" placeholder="登录账号"/>
		    </div>
		</div>
		<div class="form-group">
		   	<div class="col-sm-2 control-label">密码</div>
		   	<div class="col-sm-10">
		      <input type="text" class="form-control" v-model="user.password" placeholder="密码"/>
		    </div>
		</div>
		<div class="form-group">
		   	<div class="col-sm-2 control-label">邮箱</div>
		   	<div class="col-sm-10">
		      <input type="text" class="form-control" v-model="user.email" placeholder="邮箱"/>
		    </div>
		</div>
		<div class="form-group">
		   	<div class="col-sm-2 control-label">手机号</div>
		   	<div class="col-sm-10">
		      <input type="text" class="form-control" v-model="user.mobile" placeholder="手机号"/>
		    </div>
		</div>
		<div class="form-group">
		   	<div class="col-sm-2 control-label">角色</div>
		   	<div class="col-sm-10">
			   	<label v-for="role in roleList" class="checkbox-inline">
				  <input type="checkbox" :value="role.roleId" v-model="user.roleIdList">{{role.roleName}}
				</label>
			</div>
		</div>
		<div class="form-group">
			<div class="col-sm-2 control-label">状态</div> 
			<label class="radio-inline">
			  <input type="radio" name="status" value="0" v-model="user.status"/> 禁用
			</label>
			<label class="radio-inline">
			  <input type="radio" name="status" value="1" v-model="user.status"/> 正常
			</label>
		</div>

	    <div class="form-group" id="uploadResult">
			<div style="width:800px;margin: 0 auto;">
	            <div>
	                <p id="swfContainer">本组件需要安装Flash Player后才可使用，请从
	                    <a href="http://www.adobe.com/go/getflashplayer">这里</a>下载安装。
	                </p>
	            </div>
	        </div>
		</div>
		<div id="txapp">
     		<input id="userPic" type="hidden" name="userPic" v-model="user.userPic"/>
     		<input id="htouxiang"  type="hidden" value=""/>
		</div>
			<div class="form-group">
			<div class="col-sm-2 control-label"></div> 
			<input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
			&nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="back" value="返回"/>
		</div>
	</form>
</div>
<script type="text/javascript" src="${rc.contextPath}/statics/plugins/fullAvatarEditor-2.3/scripts/fullAvatarEditor.js"></script>  
<script type="text/javascript" src="${rc.contextPath}/statics/plugins/fullAvatarEditor-2.3/scripts/swfobject.js"></script>
<script src="${rc.contextPath}/js/sys/user_add.js"></script>
<script type="text/javascript">  
 swfobject.addDomLoadEvent(function () {
	   var swf = new fullAvatarEditor("${rc.contextPath}/statics/plugins/fullAvatarEditor-2.3/fullAvatarEditor.swf", 
	   		"${rc.contextPath}/statics/plugins/fullAvatarEditor-2.3/expressInstall.swf", "swfContainer", {
	           id : "swf",
	           upload_url : "${rc.contextPath}/uploadPic",
	           method : "post",
	           avatar_field_names:'avatar_100.png',
	           avatar_sizes : "100*100",
	           src_upload : 0
	       }, function (msg) {
	           	switch(msg.code) {
	               case 3 :
	                   if(msg.type == 0) {  alert("摄像头已准备就绪且用户已允许使用。"); }
	                   else if(msg.type == 1) { alert("摄像头已准备就绪但用户未允许使用！"); }
	                   else { alert("摄像头被占用！"); }
	               break;
	               case 5 : 
	            	   htouxiang.focus();
	            	   htouxiang.value = msg.content.avatarUrls;

	               break;
	           }
	       }
	   );
	}); 
</script> 

</body>
</html>